<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鞋城商品列表页</title>
		<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../jquery-weui-build/dist/css/jquery-weui.css">
		<link rel="stylesheet" href="../jquery-weui-build/dist/lib/weui.css">
		<link rel="stylesheet" href="../jquery-weui-build/demos/css/demos.css">
		<link rel="stylesheet" href="../static/css/fenxiao.css">
		<style>
		</style>
	</head>
	<body>
		<!--搜索框-->
		<div class="weui-search-bar sea_weui-search-bar" id="searchBar">
		  	<form class="weui-search-bar__form">
			    <div class="weui-search-bar__box">
			      	<i class="weui-icon-search"></i>
			      	<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
			      	<a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
			    </div>
			    <label class="weui-search-bar__label" id="searchText">
			      	<i class="weui-icon-search"></i>
			      	<span>搜索</span>
			    </label>
			</form>
			<a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
		</div>
		<!--商品列表页-->
			<!-- 容器 -->
		<div class="weui-tab my_tab">
			<!--<div class="my_tabbar">
		  		<div class="weui-navbar">
				    <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
				      	销量排序
				    </a>
			    	<a class="weui-navbar__item" href="#tab2">
			      		价格排序
			    	</a>
		    	</div>
		  	</div>-->
		  	<div class="hs_head">
	    		<p class="hs_tit"><span>热销产品</span><a href="" class="hs_more">更多>></a></p>
	    	</div>
		  	<div class="weui-tab__bd my_tab__bd">
			    <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
			      	<div class="recommend">
						<div class="list">
							<ul>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop1.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop2.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop3.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop4.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop1.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop2.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop3.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<li class="list_item">
									<a href="arctical.html">
										<div class="list_item_con">
											<img src="../static/images/shop4.jpg">
											<P class="des">凡客运动鞋复古跑猪巴革1男款</P>
											<p class="option">
												<span class="price">￥158.00</span>
												<span class="mun">已售128件</span>
											</p>
										</div>
									</a>
								</li>
								<div class="clear"></div>
								<p class="search_sum">共8件商品</p>
							</ul>
						</div>
					</div>
			    </div>
			   
			</div>
			
		</div>
		
		<!--底部-->
	    <div class="footer">
	    	<p>统一社会信用代码：91140102556362241555</p>
	    	<P>备案/许可证编号：晋ICP备160098i908号</P>
	    	<P>地址：山西省太原市迎泽街东街63号</P>
	    </div>

		<!--底部导航-->
		<div class="weui-tabbar my_weui_tabbar">
		    <a href="index.html" class="weui-tabbar__item weui-bar__item--on">
		      <!--<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>-->
		      <div class="weui-tabbar__icon">
		        <img src="../static/images/shouye (2).png" alt="">
		      </div>
		      <p class="weui-tabbar__label">首页</p>
		    </a>
		    <a href="search.html" class="weui-tabbar__item">
		      <div class="weui-tabbar__icon">
		        <img src="../static/images/fenlei.png" alt="">
		      </div>
		      <p class="weui-tabbar__label">搜索</p>
		    </a>
		    <a href="cart.html" class="weui-tabbar__item">
		      <div class="weui-tabbar__icon">
		        <img src="../static/images/gouwu.png" alt="">
		      </div>
		      <p class="weui-tabbar__label">购物车</p>
		    </a>
		    <a href="javascript:;" class="weui-tabbar__item">
		      <div class="weui-tabbar__icon">
		        <img src="../static/images/kefu.png" alt="">
		      </div>
		      <p class="weui-tabbar__label">客服</p>
		    </a>
		    
		    <a href="user.html" class="weui-tabbar__item">
		      <div class="weui-tabbar__icon">
		        <img src="../static/images/my1.png" alt="">
		      </div>
		      <p class="weui-tabbar__label">会员中心</p>
		    </a>
	  	</div>
		
			
		
	<script src="../jquery-weui-build/dist/lib/jquery-2.1.4.js"></script>
	<script src="../static/js/jquery.SuperSlide.2.1.js"></script>
	<script src="../jquery-weui-build/dist/js/jquery-weui.js"></script>
	<script src="../jquery-weui-build/dist/js/city-picker.js"></script>	
	<!--拓展组件-->
	
	<script type='text/javascript' src='../jquery-weui-build/dist/js/swiper.js' charset='utf-8'></script>
	<script type='text/javascript' src='../jquery-weui-build/dist/lib/fastclick.js' charset='utf-8'></script>
	<script>
	    //轮播
	   	$(".swiper-container").swiper({
		    loop: true,
		    autoplay: 3000
		});
    </script>
	</body>
</html>
